// Design System Variables - 基于 Arco Design Pro 最佳实践

// ===== 色彩系统 =====
// 主色
$primary-1: #e8f4ff;
$primary-2: #bedaff;
$primary-3: #94bfff;
$primary-4: #6aa1ff;
$primary-5: #4080ff;
$primary-6: #165dff; // 主色
$primary-7: #0e42d2;
$primary-8: #062aa6;
$primary-9: #031a7a;

// 功能色
$success-6: #00b42a;
$warning-6: #ff7d00;
$error-6: #f53f3f;
$info-6: #0fc6c2;

// 中性色
$gray-1: #f7f8fa;
$gray-2: #f2f3f5;
$gray-3: #e5e6eb;
$gray-4: #c9cdd4;
$gray-5: #a9aeb8;
$gray-6: #86909c;
$gray-7: #6b7785;
$gray-8: #4e5969;
$gray-9: #272e3b;
$gray-10: #1d2129;

// ===== 布局系统 =====
$layout-header-height: 60px;
$layout-sidebar-width: 220px;
$layout-sidebar-collapsed-width: 48px;
$layout-content-padding: 24px;

// ===== 间距系统 =====
$spacing-mini: 4px;
$spacing-small: 8px;
$spacing-medium: 16px;
$spacing-large: 24px;
$spacing-huge: 32px;

// ===== 圆角系统 =====
$border-radius-small: 2px;
$border-radius-medium: 4px;
$border-radius-large: 6px;
$border-radius-huge: 8px;

// ===== 阴影系统 =====
$box-shadow-light: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
$box-shadow-medium: 0 4px 10px 0 rgba(0, 0, 0, 0.04), 0 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
$box-shadow-heavy: 0 10px 40px 0 rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.04);

// ===== 字体系统 =====
$font-size-body-1: 14px;
$font-size-body-2: 13px;
$font-size-body-3: 12px;
$font-size-title-1: 16px;
$font-size-title-2: 20px;
$font-size-title-3: 24px;
$font-size-display-1: 36px;

$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// ===== 层级系统 =====
$z-index-dropdown: 1000;
$z-index-sticky: 1010;
$z-index-fixed: 1020;
$z-index-modal-backdrop: 1030;
$z-index-modal: 1040;
$z-index-popover: 1050;
$z-index-tooltip: 1060;

// 断点
$breakpoint-xs: 480px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-xxl: 1600px;

// 动画时间
$transition-fast: 0.1s;
$transition-normal: 0.2s;
$transition-slow: 0.3s; 